<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .l1{
            width: 611px;
            height: 376px;
            background-image: url("http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img1.png");
            background-size: 318px 319px;
            background-repeat: no-repeat;
            background-position: 90% 80%;
            margin-right: 10px;
            margin-left: 450px;
        }
        .l3{
            width: 375px;
            height: 376px;
            background-image: url("http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img2.png");
            background-size: 292px 232px;
            background-repeat: no-repeat;
            background-position: 85% 85%;
        }
        .l1,.l3 {
            background-color: #e8e8e8;
            overflow: hidden;
            float: left;
        }
        .l2{
            width: 245px;
            height: 232px;
            margin-top: 68px;
            margin-left: 36px;
        }
        .p1{
            font: 32px "思源黑体Regular By Secretbase";
            margin: 0 0 12px 0;
        }
        .p2{
            font: 12px 微软雅黑;
            margin: 0 0 24px 0;
        }
        .p3{
            font-weight: bold;
            font: 24px 微软雅黑;
            color: #0aa1ed;
            margin-bottom: 12px;
        }
        a{
            width: 132px;
            height: 40px;
            background-color: cornflowerblue;
            font: 20px 微软雅黑;
            text-align: center;
            display: block;
            line-height: 40px;
            color: #ffffff;
            font-weight: bold;
            text-decoration: none;
            border-radius: 3px;
        }
        .l4{
            margin-top: 39px;
            margin-left: 25px;
        }
    </style>
</head>
<body>
<div>
    <div class="l1">
        <div class="l2">
            <p class="p1">灵越 燃7000系列</p>
            <p class="p2">酷睿双核i5处理器|256GB SSD| 8GB内存<br>
                英特尔HD显卡620含共享显卡内存</p>
            <p class="p3">￥4999.00</p>
            <a class="https://baidu.com">查看详情</a>
        </div>
    </div>
    <div class="l3">
        <div class="l4">
            <p class="p1">颜值 框不住</p>
            <p class="p2">酷睿双核i5处理器|256GB SSD| 8GB内存<br>
                英特尔HD显卡620含共享显卡内存</p>
            <p class="p3">￥6888.00</p>
            <a class="https://baidu.com">查看详情</a>
        </div>
    </div>
</div>
</body>
</html>